<template>
    <div>
        <div class="topImg"><img src="kandian/zufang/11.png" alt=""></div>
        <div class="nav">
            <div class="navli">
                <div class="navTop">
                    <div class="navt1">
                        <span>   为您精选521套房源</span>
                        <p>10套降价</p>
                    </div>
                    <h3>你的专属找房卡</h3>
                </div>
                <div class="navCen">
                    <h2 class="iconfont icon-tubiao_ditu"> <span> 雁塔·高新六路</span></h2>
                    <h2 class="iconfont icon-jiangli"> <span> 3000-7000元/月</span></h2>
                    <h2 class="iconfont icon-biaoqian"> <span> 不限</span></h2>
                </div>
                <div class="navBot">
                    <img src="kandian/zufang/12.png" alt="">
                </div>
            </div>
        </div>
        <h1>猜你喜欢</h1>
        <Zu2  v-for="(v,i) in this.$store.state.mkandian.obj.data" :key="i" :name="v.name" :img="v.img" 
         :price3="v.price3" :tit="v.tit" :houseSubtitle="v.houseSubtitle" :subtitle="v.subtitle" :i="i"/>
        <div class="kong"></div>
        
        <Botbar />
    </div>
</template>
<script>
import Botbar from "@/components/zufang/botbar.vue"
import Zu2 from "@/components/zufang/zu2.vue";
export default {
    components:{
        Botbar ,
        Zu2 
    },
       mounted(){
        this.$store.dispatch("listact")
    },

}
</script>
<style scoped>
    .topImg{
        width:100%;
    }
    .topImg img{
        width:100%;
    }
    .nav{
        width:90%;
        margin:0 auto;
        height:3.1rem;
        /* background-color:cadetblue; */
        margin-bottom:50px;
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
        box-shadow:0px 0px 19px 0px #bbb;
    }
    .navli{
        margin:0px auto;
        width:90%;
        height:90%;
    }
    .navTop h3{
        margin-top:2px;
        font-size:22px;
        font-weight:800;
    }
    .navt1{
        display:flex;
        justify-content:space-between;
        font-size:12px;
        
    }
    .navt1 span{
        color:burlywood;
    }
    .navt1 p{
        color:crimson;
        background-color:burlywood;
    }
    .navCen h2{
        font-size:12px;
        color:#900;
    }
    .navCen h2 span{
        color:#000;
    }
    .navBot{
        width:100%;
    }
    .navBot img{
        width:100%;
    }
    h1{
        font-weight:800;
        font-size:24px;
        margin-left:20px;
    }
    .kong{
         margin-top:0.6rem;
    }
</style>